<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/jquery/jquery-1.11.3.min.js"></script>
		<script src="js/layui/layui.all.js"></script>
		<script type="text/javascript">
			console.log(layer)
			$(function() {
				// 点击事件的监听
				$('#btn').click(function() {
					//layer.msg('玩命提示中');
					//小tips
					layer.tips('我是另外一个tips，只不过我长得跟之前那位稍有些不一样。', '吸附元素选择器', {
						tips: [1, '#3595CC'],
						time: 4000
					});
				})
				
				// 失去焦点的监听
				$('#text').blur(function(){
					layer.tips('我是另外一个tips，只不过我长得跟之前那位稍有些不一样。', '吸附元素选择器', {
						tips: [1, '#3595CC'],
						time: 4000
					});
					// 判断这个输入框是否符合这个正则表达式
					let reg = /^\d{6,20}$/
					let con = $(this).val()
					let result = reg.test(con)
					console.log(11111111)
					console.log(result)
				})
			})
		</script>
	</head>

	<body>
		<button id="btn" type="button">弹框</button>
		<br /><br /><br /><br />
		<input type="text" id="text" />
	</body>

</html>